<template>
    <span class="iconfont" :style="{ fontSize: props.size + 'px', cursor: props.cursor }" v-if="!icon">
        <slot></slot>
    </span>
    <span class="iconfont" :style="{ fontSize: props.size + 'px', cursor: props.cursor }" v-else v-html="icon"></span>
</template>
<script lang="ts">
export default {
    name: "vkIcon",
};
</script>
<script setup lang="ts">
interface Props {
    size?: string | number;
    cursor?: string;
    icon?: string;
}
const props = withDefaults(defineProps<Props>(), {
    size: "20",
    cursor: "pointer",
});
</script>
<style scoped lang="scss"></style>
